<template>
  <div class="group-tip-banned-wrapper">{{text}}</div>
</template>

<script>
export default {
  name: 'textBannedElement',
  props: {
    payload: {
      type: Object,
      required: true
    },
    message: {
      type: Object,
      required: false
    }
  },
  computed: {
    text() {
      return JSON.parse(this.payload.data).text
    }
  },
  methods: {
    
}
}
</script>

<style lang="stylus" scoped>
.group-tip-banned-wrapper
  background $white
  padding 4px 15px
  border-radius 3px
  color $secondary
  font-size 12px
  // text-shadow $secondary 0 0 0.05em
</style>
